<!--主页模板-->
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="shortcut icon" href="{% static 'img/logo.png' %}" type="image/x-icon"/>
    <!--Coding your title here-->
    {% block title %}{% endblock %}
    <!--Animate.css-->
    <link rel="stylesheet" href="{% static 'plugins/css-Animate/animate.min.css' %}">
    <!--hover.css-->
    <link rel="stylesheet" href="{% static 'plugins/hover-css/css/hover.css' %}">
    <!-- bootstrap-->
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-4.6.1-dist/css/bootstrap.min.css' %}">
    <!-- fontawesome-->
    <link rel="stylesheet" href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.min.css' %}">
    <!--静态导航栏特效-->
    <link rel="stylesheet" href="{% static 'plugins/navbar-static-effect/css/bootsnav.css' %}">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <!--Coding your css here-->
    {% block css %}{% endblock %}
</head>
<body>
<div class="container my-container">
    <!--导航栏-->
    <nav class="navbar navbar-expand-lg sticky-top bootsnav on my-nav">
        <div class="my-navbar">
            <div class="">
                <a class="web-site-logo hvr-wobble-horizontal" href="/index/">
                    <img alt="Brand" src="{% static 'img/logo.png' %}">
                </a>
            </div>
            <div class="" id="navbar-menu">
                <ul class="nav navbar-nav my-nav-tabs" id="nav-list" data-in="fadeInDown" data-out="fadeOutUp">
                    <li role="presentation" data-hover="Home"><a href="/index/" class="fa fa-home">&nbsp;公司简介</a>
                    </li>
                    <li role="presentation"><a href="/index/marriage_resources/" class="fa fa-cubes">&nbsp;婚嫁资源</a></li>
                    <li role="presentation"><a href="/index/excellent_case/{{ case.caseId }}" class="fa fa-diamond">&nbsp;优秀案例</a>
                    </li>
                    <li role="presentation"><a href="/index/hotel/" class="fa fa-newspaper-o">&nbsp;酒店详情</a></li>
                    <li role="presentation"><a href="/personal/perorder/" class="fa fa-plus"> 创建订单</a></li>
                </ul>
            </div>
            <div class="navbar-userinfo" id="user-info">
                <div class="my-info">
                    <p>个人信息</p>
                    <a href="/personal/update_info/" style="text-decoration: none;">
                        <img src="{% static img.url %}" alt="用户头像" class="user-logo" id="my-self-img">
                    </a>
                </div>
                <div class="dropdown">
                    <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton"
                            data-toggle="dropdown" aria-expanded="false">
                        {{ nickname }}
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="/personal/">个人中心</a>
                        <a class="dropdown-item" href="/personal/perorder/">订单查看</a>
                        <a class="dropdown-item" href="/logout/">退出登录</a>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <!--Coding your page elements here-->
    {% block content %}


    {% endblock %}
    <!--页脚-->
    <footer class="fixed-bottom my-footer">
        {#        <span>Tel:18202206753 仅做内部测试，如有侵权请联系删除。</span>#}
        <span style="color: #585858">Copyright © 2022 Coding On The Cloud Studio(码上云间工作室). All Rights Reserved.</span>
    </footer>
</div>
<!--Coding you other elements (like modal) here -->
{% block other %}
{% endblock %}
</body>
<!-- jquery.js -->
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<!--bootstrap.js -->
<script src="{% static 'plugins/bootstrap-4.6.1-dist/js/bootstrap.min.js' %}"></script>
<!-- 静态导航栏.js -->
<script src="{% static 'plugins/navbar-static-effect/js/bootsnav.js' %}"></script>
<!-- 滑动导航栏.js -->
<script src="{% static 'plugins/navbar-slide-hidden/dist/jquery.bootstrap-autohidingnavbar.min.js' %}"></script>
<!--Coding you js here-->
{% block js %}{% endblock %}
</html>